<template>
  <v-toolbar app class="elevation-1 blog-header" dense>
    <!--<v-toolbar-side-icon />-->
    <v-toolbar-title>SJP'S BLOG</v-toolbar-title>
    <!--<v-spacer />-->
    <v-toolbar-items class="toolbar-btns hidden-sm-and-down">
      <v-btn flat @click="routeTo('/blog/')">
        <v-icon>home</v-icon>
        &nbsp;首页
      </v-btn>
      <v-btn flat @click="routeTo('/blog/')">
        <v-icon>rss_feed</v-icon>
        &nbsp;博客
      </v-btn>
    </v-toolbar-items>
  </v-toolbar>
</template>
<script type="text/ecmascript-6">
  export default {
    data() {
      return {}
    },
    methods: {
      routeTo(path) {
        this.$router.push({path: path});
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .center {
    width: 1200px;
    margin: 0 auto;
    /*padding: 2rem 2.5rem;*/
  }

  .toolbar-btns {
    margin-left: 40px;
  }

</style>
